﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>请求明细</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
</head>
<body>

    <div class="layui-fluid">

        <div class="layui-card">

            <div class="layui-card-body">

                <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
                <script type="text/html" id="imgTpl">
                    <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
                </script>
            </div>
        </div>
    </div>
    <script type="text/html" id="imgTpl">
        <img style="width: 100px; height: 100px;" src={{ d.imageurl }}>
    </script>
    <script src="../../layuiadmin/js/jquery.min2.1.4.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>

    <script>
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(decodeURI(r[2])); return null; //返回参数值
        }
        var type = getUrlParam('type');
        var docnos = getUrlParam('docnos');
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'laydate', 'useradmin', 'table', 'laypage'], function () {
            var $ = layui.$
                , form = layui.form
                , table = layui.table
                , laydate = layui.laydate
                , laypage = layui.laypage;


            var status =
                table.render({
                    elem: '#LAY-user-manage'
                    , id: 'testReload'//容器的ID
                    , url: 'ashx/list.ashx?type=getrequestlist_mx&sqtype=' + type+'&docnos=' + docnos
                    , toolbar: '#test-table-radio-toolbarDemo'
                    , method: 'POST'
                    , page: true
                    , limits: [10, 20, 30]
                    , limit: 30
                    , cols: [[
                        { field: 'imgurl', width: 120, title: '图片', align: 'center', templet: '#imgTpl' }
                        , { field: 'requestdocno', width: 150, title: '请求单号', align: 'center' }
                        , { field: 'docno', width: 150, title: '调拨单号', align: 'center' }
                        , { field: 'name', width: 150, title: '款号', align: 'center' }
                        , { field: 'value', width: 150, title: '品名', align: 'center' }
                        , { field: 'yscode', width: 100, title: '颜色', align: 'center' }
                        , { field: 'ysname', width: 100, title: '颜色', align: 'center' }
                        , { field: 'cmwm', width: 100, title: '尺码', align: 'center' }
                        , { field: 'no', width: 100, title: '条码', align: 'center' }
                        , { field: 'nf', width: 100, title: '年份', align: 'center' }
                        , { field: 'jj', width: 100, title: '季节', align: 'center' }
                        , { field: 'price', width: 100, title: '价格', align: 'center' }
                        , { field: 'sl', width: 100, title: '数量', align: 'center' }
                        , { field: 'createtime', width: 160, title: '创建时间', align: 'center', sort: true }

                    ]], parseData: function (res) { //将原始数据解析成 table 组件所规定的数据.
                        return {
                            "code": res.code, //解析接口状态
                            "msg": res.msg, //解析提示文本
                            "count": res.count, //解析数据长度
                            "data": res.data //解析数据列表
                        };
                    }
                    , where: {

                    }
                });
            //监听排序
            table.on('sort(LAY-user-manage)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                table.reload('testReload', {//刷新列表
                    initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                    , where: { //请求参数
                        field: obj.field //排序字段
                        , order: obj.type //排序方式

                    }
                });
            });

            //监听工具条
            table.on('tool(LAY-user-manage)', function (obj) {
                var data = obj.data;

                //传递人事系统
                if (obj.event === 'post') {

                }

            });
            //事件
            var active = {

            };


            $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        });
    </script>
</body>
</html>
